<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

     <div id="app">
         <cherish v-for="item in items" v-bind:wang="item"></cherish>
     </div>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.js "></script>


    <script>

        Vue.component("cherish",{
            props: ['wang'],
            template: '<li>{{wang}}<li>'
        });

        var vm=new Vue({
            el: "#app",
            data: {
                items:["java","linux","vue","mysql"]
            }
        });

    </script>
</body>
</html>